<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>五大工艺</title>
		<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0' />
		<link rel="stylesheet" href="css/fiveCraft.css" />
		<link rel="stylesheet" type="text/css" href="css/hehua.css" />
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="//res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script src="//res.qiaomukeji.com/js/chomoo-weixin.js?v=3"></script>
		<script type="text/javascript" src="js/moduls/islogin.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
		<script type="text/javascript" src="js/adapter.js"></script>

	</head>

	<body>
		<div class="top">
			<div class="top-logo">
			</div>
			<div class="top-theme">
			</div>
			<div class="top-title">
			</div>

		</div>
		<div class="bottom">
			<div class="bottom-logo2">
			</div>
		</div>
		<div class="content">

			<div class="middlePath">
				<div class="title">
					<img src="img/fiveCraft/fiveCraft.png" alt="">
				</div>
				<div class="craftNum">
					<div class="craft">
						<img src="img/fiveCraft/craft.png" />

					</div>
					<div class="number">
						<div class="num1">
							×<span>2</span>
						</div>
						<div class="num2">
							×<span>2</span>
						</div>
						<div class="num3">
							×<span>2</span>
						</div>
						<div class="num4">
							×<span>2</span>
						</div>
						<div class="num5">
							×<span>2</span>
						</div>
					</div>

				</div>
				<div class="secretOrder">
					<input type="text" name="secret" id="secret" placeholder="输入密令" />
					<!--<buttom type="submit" class="submit" @click="subBtn()">提交</buttom>-->
					<input type="submit" class="submit" value="提交">
				</div>
				<div class="bottomBtn">
					<div class="compose">合成</div>
					<div class="backBtn" onclick="history.go(-1);">返回</div>

				</div>
			</div>

			<div class="bottom-logo">
				<img src="img/bottom_logo2.png" />
			</div>
		</div>
		<!-- 弹框 -->
		<div class="success">
			<div class="tipBox">
				<div class="innerBox">
					<div class="tip">恭喜您！</div>
					<div class="msg">合成所有五大工艺,</div>
					<div class="msg">获得两装包品吸一份!</div>
					<div class="certain">点击领取</div>
				</div>
			</div>
		</div>
		<div class="right">
			<div class="tipBox">
				<div class="innerBox">
					<div class="tip">提示</div>
					<div class="msg">密令正确，获得<span>**</span>工艺一个！</div>
					<div class="recive">点击领取</div>
				</div>
			</div>

		</div>

	</body>
	<script>
		var app = new Vue({
			el: '.content',
			data: {
				lotuNums: [{
						id: 1,
						proj: "邀请盟友",
						item: "红包**元",
						data: "19-12-13 14:09:15",
						sector: "荷芯联盟",
						number: 30,
						honorVal: 2000,
						recive: "是"
					},
					{
						id: 2,
						proj: "邀请盟友",
						item: "荷氏币**个",
						data: "19-12-13 14:09:15",
						sector: "扫码有礼",
						number: 30,
						honorVal: 2000,
						recive: "否"
					},
					{
						id: 3,
						proj: "邀请盟友",
						item: "红包**元",
						data: "19-12-13 14:09:15",
						sector: "荷芯联盟",
						number: 30,
						honorVal: 2000,
						recive: "是"
					},
					{
						id: 4,
						proj: "扫码",
						item: "荷氏币**个",
						data: "19-12-13 14:09:15",
						sector: "荷芯联盟",
						number: 30,
						honorVal: 2000,
						recive: "是"
					},
					{
						id: 5,
						proj: "邀请盟友",
						item: "荷氏币**个",
						data: "19-12-13 14:09:15",
						sector: "荷芯联盟",
						number: 30,
						honorVal: 2000,
						recive: "是"
					},
					{
						id: 6,
						proj: "扫码",
						item: "荷氏币**个",
						data: "19-12-13 14:09:15",
						sector: "荷芯联盟",
						number: 30,
						honorVal: 2000,
						recive: "是"
					},
					{
						id: 7,
						proj: "奖品兑换",
						item: "荷氏币**个",
						data: "19-12-13 14:09:15",
						sector: "荷芯联盟",
						number: 30,
						honorVal: 2000,
						recive: "是"
					},

				]
			}
		})
	</script>
	<script src="js/fiveCraft.js" type="text/javascript" charset="utf-8"></script>

</html>